//向服务器端发送请求，索要评论列表数据
$.ajax({
    url: "/comments",
    type: "get",
    success: function(response) {
        //拼接评论列表模板
        var html = template('commentsTpl', response);
        $('#commentBox').html(html);
        //拼接分页功能模板
        var pageHtml = template('pageTpl', response);
        $('#pageBox').html(pageHtml);
    },
    error: function() {
        alert('获取评论信息失败！');
    }
})


//定义函数，实现分页功能
function changepage(page) {
    $.ajax({
        url: "/comments",
        type: "get",
        data: {
            page: page
        },
        success: function(response) {
            //拼接评论列表模板
            var html = template('commentsTpl', response);
            $('#commentBox').html(html);
            //拼接分页功能模板
            var pageHtml = template('pageTpl', response);
            $('#pageBox').html(pageHtml);
        },
        error: function() {
            alert('获取评论信息失败！');
        }
    })
}


//对审核按钮父级进行事件委托，以实现评论审核功能
$('#commentBox').on('click', '.status', function() {
    //获取当前评论的审核装填
    var status = $(this).attr('data-status');
    //获取id
    var id = $(this).attr('data-id');
    //向服务器端发送请求，更改评论状态
    $.ajax({
        type: 'put',
        url: '/comments/' + id,
        data: {
            state: status == 0 ? 1 : 0
        },
        success: function() {
            //重载页面
            location.reload()
        },
        error: function() {
            alert("修改评论状态失败！")
        }
    })
})


//对删除按钮父级进行事件委托，以实现评论删除功能
$('#commentBox').on('click', '.delete', function() {
    //获取id
    var id = $(this).attr('data-id');
    if (confirm('您确定要删除本条评论吗？')) {
        $.ajax({

            type: 'delete',
            url: '/comments/' + id,
            success: function() {
                alert('评论删除成功！');
                //重载页面
                location.reload();
            },
            error: function() {
                alert('评论删除失败！')

            }
        })

    }

})